<template>
<view>
<view class="container">
    <view class="textContainer">
        <text class="textStyle">{{text}}</text>
    </view>
</view>
<!--<import src="/we7/pages/templates/footer.wxml"></import>-->
<block data-type="template" data-is="footerWx" data-attr="...tabBar">
    <view class="we7-bottom" :style="'background-color:' + backgroundColor + 'border-color:' + borderStyle" v-if="list">
        <block v-for="(item, index) in list" :key="index">
            <view class="we7-bottom-item" hoverClass="active" v-if="item.pageUrl=='/'+thisurl">
                <navigator hoverClass="active" open-type="redirect" :url="item.pagePath">
                    <image class="item-img" mode="widthFix" :src="item.selectedIconPath"></image>
                    <view class="item-text" :style="'color: ' + selectedColor + ''">{{item.text}}</view>
                </navigator>
            </view>
            <view class="we7-bottom-item" hoverClass="active" v-else>
                <navigator hoverClass="active" open-type="redirect" :url="item.pagePath">
                    <image class="item-img" mode="widthFix" :src="item.iconPath"></image>
                    <view class="item-text" :style="'color: ' + color">{{item.text}}</view>
                </navigator>
            </view>
        </block>
    </view>
    <view class="we7-bottom-placeholder"></view>
</block>
</view>
</template>

<script>
var app = getApp();

export default {
  data() {
    return {
      text: "微擎我的"
    };
  },

  components: {},
  props: {},
  onLoad: function (n) {
    app.globalData.util.footer(this);
  },
  onReady: function () {},
  onShow: function () {},
  onHide: function () {},
  onUnload: function () {},
  methods: {}
};
</script>
<style>
@import "./index.css";
</style>